<template>
    <div class="wrap">
      <header-v></header-v>
      
      <div class="news-content">
          <div class="title">
                <p>新闻动态</p>
                <span>News Center</span>
            </div>
            <div class="menu">
                <ul>
                    <li> <router-link to="/">媒体新闻</router-link></li>
                    <li> <router-link to="/">公司新闻</router-link></li>
                    <li> <router-link to="/">行业新闻</router-link></li>
                </ul>
            </div>
            <div class="con">
                <ul class="news">
                    <li>
                        <router-link to="/newsMsg" title="">我们以同行业可比上市公司作为某某玩</router-link>
                        <span>2017-05-12</span></li>
                    <li>
                        <router-link to="/newsMsg" title="">募集资金将投向益智玩具生产基地建</router-link>
                        <span>2017-05-12</span>
                    </li>
                    <li>
                        <router-link to="/newsMsg" title="">公司产品以塑胶积木类益智玩具为主</router-link>
                        <span>2017-05-12</span>
                    </li>
                    <li>
                        <router-link to="/newsMsg" title="">新款12生肖麦兜猪猪 麦兜形象</router-link>
                        <span>2017-05-12</span>
                    </li>
                    <li>
                        <router-link to="/newsMsg" title="">五一节快乐！</router-link>
                        <span>2017-05-12</span>
                    </li>
                    <li>
                        <router-link to="/newsMsg" title="">买玩具，挑选比嘴大的更安全</router-link>
                        <span>2017-05-12</span>
                    </li>
                    <li>
                        <router-link to="/newsMsg" title="">家居玩具最受欢迎</router-link>
                        <span>2017-05-12</span>
                    </li>
                </ul>
                <div class="page">
                    <span>共 <span>29</span> 页记录 </span>
                    <router-link to="/" class="active num">1</router-link>
                    <router-link to="/" class="num">2</router-link>
                    <router-link to="/" class="num">3</router-link>
                    <router-link to="/" class="num">4</router-link>
                    <router-link to="/" class="num">下一页</router-link>
                    <router-link to="/" class="num">末页</router-link>
                </div>
            </div>
      </div>
      
      <footer-v></footer-v>
  </div>
</template>


<script>
import header from '../public/header'
import footer from '../public/footer'

export default {
    components: {
        headerV : header,
        footerV : footer,
    },
    data () {
        return {

        }
    },
    methods : {

    }
}

</script>


<style type="text/css">
  /* newsList.style */

    .news-content .menu{ background:#70e8a8; -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5);box-shadow:0 2px 5px rgba(0,0,0,0.5); margin-bottom:0.2rem; overflow:hidden; padding:0.15rem 0.1rem;  }
    .news-content .menu a{color:#fff; font-size:0.15rem; line-height:0.3rem; }
    .news-content .title{color:#666; padding:0.2rem 0 0.1rem; text-align:center;  }
    .news-content .title p{ background:url('../../assets/solid2.png') center center no-repeat; font-size:0.17rem;}
    .news-content .news li{ border-bottom:0.01rem dashed #e2e2e2; height:0.35rem; line-height:0.35rem;  }
    .news-content .news li a{ background:url('../../assets/10.png') 0.05rem center no-repeat; background-size:0.1rem 0.1rem !important; padding-left:0.2rem; color:#5a5a5a; -webkit-transition:0.2s; transition:0.2s;}
		.news-content .news li a:hover{ color:#70e8a8;}
    .news-content .news li span{ float:right; margin-right:0.04rem; color:#929292; line-height:0.31rem; }
</style>
